import Vue from 'vue'
import VueRouter from "vue-router";

import Layout from '@/views/Layout'
import ArticleDetail from '@/views/ArticleDetail'

import Article from '@/views/Article'
import Collect from '@/views/Collect'
import Like from '@/views/Like'
import User from '@/views/User'

Vue.use(VueRouter)

const router = new VueRouter({
  routes: [
    // 一级路由
    { path: '/', redirect: '/layout' },
    {
      path: '/layout',
      component: Layout,
      // 配置首页里面的二级路由
      // 注意: 配置完路由后要配置二级路由出口
      children: [
        { path: '/layout', redirect: '/layout/article' },
        { path: 'article', component: Article },  // /layout/article
        { path: 'collect', component: Collect },
        { path: 'like', component: Like },
        { path: 'user', component: User },
      ]
    },
    { path: '/detail/:id', component: ArticleDetail }
  ]
})

export default router